#list{
    border-radius: 43px;
    background: #00ff00;
    box-shadow:  50px 50px 100px #00a800,
             -50px -50px 100px #00ff00;
    width: 150px;
    height: 150px;
   }

#exam{
    border-radius: 50px;
    background: linear-gradient(145deg, #00ffff, #00e6e6);
    box-shadow:  20px 20px 60px #00d9d9,
             -20px -20px 60px #00ffff;
    width: 150px;
    height: 150px;
            }

#more{
    border-radius: 50px;
    background: linear-gradient(145deg, #65ffc9, #55e6a9);
    box-shadow:  20px 20px 60px #50d9a0,
             -20px -20px 60px #6cffd8;
    width: 150px;
    height: 150px;
    }
    
#about{
    border-radius: 50px;
    background: linear-gradient(145deg, #7dacff, #6991e6);
    box-shadow:  20px 20px 60px #6389d9,
             -20px -20px 60px #87b9ff;
    width: 150px;
    height: 150px;
    }
    
h1{
    background:url("background.jpg") no-repeat;
    background-size:cover;
    width: 340px;
    height: 380px;
    }
    
    